<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<title>登录</title>
	<link rel="stylesheet" type="text/css" href="../../public/vendor/weui/weui.min.css" />
	<style>
		.page {
			height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
		}

		.weui-form__opr-area:last-child {
			margin: 0;
		}

		@media only screen and (min-width: 300px) and (max-width: 330px) {
			.weui-form__title {
				font-size: 20px;
			}

			.weui-form__desc {
				font-size: 15px;
			}

		}

		@media only screen and (min-height: 100px) and (max-height: 500px) {
			.page {
				display: block;
			}

			.weui-cells__group_form,
			.tips-opr-area,
			.weui-footer {
				margin-top: 50px;
			}
		}
	</style>
</head>

<body>
	<div class="page">
		<!-- 头部  start  -->
		<div class="weui-form__text-area">
			<h2 class="weui-form__title">欢迎登录</h2>
			<div class="weui-form__desc">神农用户协同系统</div>
		</div>
		<!-- 头部  end  -->
		<!-- 主体  start -->
		<div class="weui-cells__group weui-cells__group_form">
			<div class="weui-cells weui-cells_form">
				<div class="weui-cell weui-cell_active">
					<div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
					<div class="weui-cell__bd">
						<input class="weui-input" type="text" pattern="[0-9]*" id="phoneNumber" placeholder="请输入手机号"
							   maxlength="11" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off" />
					</div>
				</div>
				<div class="weui-cell weui-cell_active weui-cell_vcode">
					<div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
					<div class="weui-cell__bd">
						<input autofocus class="weui-input" type="number" pattern="[0-9]*" id="verifyCode"
							   placeholder="输入验证码" oninput="if(value.length>6)value=value.slice(0,6)" autocomplete="off" />
					</div>
					<div class="weui-cell__ft">
						<button class="weui-btn weui-btn_default weui-vcode-btn" id="btnGetCode">获取验证码</button>
					</div>
				</div>
			</div>
			<div class="weui-cells__tips">
				<a class="weui-link" href="javascript:">收不到验证码</a>
			</div>
		</div>
		<div class="tips-opr-area">
			<div class="weui-form__tips-area">
				<label id="weuiAgree" for="weuiAgreeCheckbox" class="weui-agree">
					<input id="checkBox" type="checkbox" class="weui-agree__checkbox" /><span class="weui-agree__text">
						阅读并同意<a href="../clause.html">《相关条款》</a>
					</span>
				</label>
			</div>
			<div class="weui-form__opr-area">
				<a class="weui-btn weui-btn_primary weui-btn_disabled" href="javascript:" id="btnLogin"
				   style="pointer-events:none;">确定</a>
			</div>
		</div>
		<!-- 主体  end -->
		<!-- 尾部  start -->
		<div class="weui-footer">
			<p class="weui-footer__text">20210520 v1.0 Beta</p>
			<p class="weui-footer__links">
				<a href="javascript:" class="weui-footer__link">云南神农集团</a>
				<a href="javascript:" class="weui-footer__link" id="initInfo">卓越运营中心制</a>
			</p>
			<p class="weui-footer__text">Copyright &copy; 2009-2021 ynsnjt.com</p>
		</div>
		<!-- 尾部  end -->
		<!-- 提示框  start -->
		<div class="topTips">
			<!-- 错误提示  -->
			<div class="weui-toptips weui-toptips_warn" id="topTips">错误提示</div>
			<!-- 加载中  -->
			<div id="loadingToast" style="display: none;">
				<div class="weui-mask_transparent"></div>
				<div class="weui-toast">
					<span class="weui-primary-loading weui-icon_toast">
						<span class="weui-primary-loading__dot"></span>
					</span>
					<p class="weui-toast__content">加载中</p>
				</div>
			</div>
		</div>
		<!-- 提示框  start -->
	</div>

	<script src="../../public/vendor/jquery/jquery.js"></script>
	<script src="../../public/vendor/weui/weui.js"></script>

	<script src="../../public/js/config/utils.js"></script>
	<script src="../../public/js/account/login.js"></script>

</body>

</html>